import { List, WhiteSpace, Picker  } from 'antd-mobile';
import { createForm } from 'rc-form';


class LoginT extends React.Component {

  state = {
    ZJLX:''
  }

  render() { 
    const name = this.props.nodeName,
          cardType  = [ {value:'1',label:'居民身份证'},{value:'3',label:'港澳台身份证'} ];

    const { getFieldProps } = this.props.form;

    return (
      <div className={name}>
      	<h2 className="step-title">{this.props.title}</h2>

        <List>
          <Picker 
          data={cardType} 
          cols={1}
          value={ this.state.ZJLX }
          onChange = { v => this.setState({ ZJLX: v })}
          className="forss"
          >
            <List.Item arrow="horizontal">证件类型</List.Item>
          </Picker>
          <input type="hidden" value={ this.state.ZJLX } name="ZJLX"></input>
        </List>
        
      </div>
    );
  }

}

const Step3 = createForm()(LoginT);

export default Step3
